/* 1. 公共属性样式 */
#header{height: 112px;}
.head{height: 28px; background-color: black;}
.head1{width: 1200px; height: 84px; margin: 0 auto; position: relative;}
.logo{position: absolute; top: -28px; -display: none;}
.head-text{width: 1200px; line-height: 28px; margin: 0 auto; background-color: black;}
.head-text p{color: white;}
.head-a1{color: red;}
.head-a2{color: red;}
.head1-nav{width: 500px;height: 30px; margin-top: 8px; }
.sousuo{width: 300px; height: 30px; position: relative;}
.sousuo-text{
    width: 269px;
    height: 30px; 
    padding-left: 15px;
    padding-right: 60px;
    background: #ccc;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    border-radius: 5px;
    }
.car{width: 200px; height: 30px; }
.car-img{display: inline-block;width: 100px; height: 30px;background-color: #f60;  line-height: 30px;border-radius: 5px;}
.car-img i{display: inline-block; width: 35px; height: 30px; background: url("../img/bgicon.png");}
.car-img .icon{background-position-y: -46px;border-radius: 5px;}
.car-img a{position: absolute; top: 8px;font-weight: bold;}
.car-btn{width: 100px; height: 30px; border: none;border-radius: 5px; cursor: pointer;background-color: #ccc;}
.sousuo-btn{
   width: 50px;
   height: 30px; 
   border: none;
   /* transition: all 300ms; */
   background: url('../img/bgicon.png') no-repeat;
    position: absolute;
    left: 219px;
    border-radius: 5px;
    cursor: pointer;
}
.head-ul{width: 1000px; height: 40px; position: absolute; bottom: 0; right: 0;line-height: 40px;}
.head-ul li{float: left; margin-left: 30px;}
.head-ul .ul-a{font-size: 16px; font-weight: bold; color: #323232;} 
.head-ul .ul-a:hover{color: red;}

/* 通栏 */
.container-fluid{ min-width: 1200px;}

/* 版心 */
.container{ width: 1200px; margin: 0 auto;}

/* 测试工具 */
.bd{ border: 1px solid red;}

/* 浮动 */
.fl{ float: left;}
.fr{ float: right;}
.clearfix::after{ content: ''; height: 0; display: block; clear: both;}

/* 定位 */
.pr{ position: relative;}
.pa{ position: absolute;}
.pf{ position: fixed;}

/* bg-color */
.bgc25{ background-color: #252525;}
.bgc14{ background-color: #141414;}

/* margin */
.ml210{margin-left: 210px;}
.ml20{ margin-left: 20px;}
.ml40{ margin-left: 40px;}
.mt30{ margin-top: 30px;}
.mtb30{ margin: 30px 0;}
.mtb20{ margin: 20px 0;}
.mr10{ margin-right: 10px;}
.mt20{margin-top: 20px;}
.mb30{margin-bottom: 30px;}

/* color */
.c15bded{ color:#15bded }



/* padding */
.ptb25{ padding: 25px 0;}
.pl{padding-left: 20px;}

/* text-algin */
.tcenter{text-align: center;}

/* active */
.active{background-color: #f60; color: #fff;}







/* 2. 公共模块样式 */


/* foot */
#footer{ height: 472px;}
   
.foot-nav{height: 100px;border-top: 5px solid #f60;background-color: #f2f2f2;box-sizing: border-box;padding-top: 10px;}
   
.foot-nav1{width: 1200px; height: 85px; padding: 0 170px 0 80px; background-color: #f2f2f2; margin: 0 auto;line-height: 85px;box-sizing: border-box;}

.foot-nav1-img{margin-left: 70px;}

.foot-coutent{height: 210px;}

.foot-banquan{height: 262px;}

.cot-div{margin-left: 35px;line-height: 30px;font-size: 16px; text-align: center;}

.cot-div-a{font-size: 18px; font-weight: bold; color: #000;}

.foot-coutent1{ height: 210px;  padding: 20px 150px; box-sizing: border-box;}

.cot-div-img{margin-top: 40px; margin-left: 110px;}

.foot-banquan1{text-align: center;line-height: 40px;}

.foot-banquan1 .a{margin: 8px;}


/* 服装 */
.clothes{height: 640px;box-sizing: border-box;}
/* 头部 */
.clo-top, .clo-top1{height: 65px; line-height: 34px; border-bottom: 5px solid #f60; box-sizing: border-box;}
.title,.title1{font-size: 28px;color: #333;}
.tab-title,.tab-title1{ width: 100px; height: 34px; font-size: 18px; margin-top: 27px;}
/* 内容 */
 .clo-con{height: 500px;  display: none;}
/* current */
 .current{display: block;}
.clo-con-fl{width: 238px; height: 500px;background-color: #f9f9f9;}
.clo-con-ct{width: 428px; height: 500px;}
.clo-con-fr{width: 534px; height: 500px;}
/* <!-- 内容左 --> */
.clo-con-fl-img{width: 237px; height: 348px;}
.clo-con-ul .clo-con-a:hover{color: white;}
.clo-con-ul .clo-con-li{width: 70px; line-height: 38px; margin-left: 8px;float: left;}
.clo-con-ul .clo-con-li:hover{background-color: #f60;}
/* 内容中 */
.slider{width: 428px;height: 340px;}
/* 内容右 */
.clo-con-tb{margin: 0 auto; width: 534px; height: 500px;border-collapse: collapse;box-sizing: border-box;} 
.clo-con-tb tr:first-child img{width: 171px; height: 334px;}
.clo-con-td{ border: 1px solid #ccc;}
/* 底部 */
.clo-logo{height: 75px;}
.clo-logo img{width: 130px;height: 75px;}


